import Vue from 'vue'
import Vuex from 'vuex'
import user from './modules/user'
import menu from './modules/menu'
Vue.use(Vuex)

const store = new Vuex.Store({
  // 组合模块的配置项
  modules: {
    user,
    menu
  },
  // 数据
  state: {
    message: '这是全局的数据123',
    obj: {
      uname: '超级管理员',
      pad: 1008611
    }
  },
  // 同步修改状态
  mutations: {
    // 传参数
    change(state, params) {
      state.message = params
    }
  },
  // 异步修改状态
  actions: {
    // 传参数
    changeAA(context, params) {
      setTimeout(() => {
        context.commit('change', params)
      }, 1000)
    }
  },
  // 类似计算属性
  getters: {
    uname(state) {
      return state.obj.uname
    },
    pad(state) {
      return state.obj.pad
    },
    uuname(state) {
      return state.user.obj.uuname
    },
    ppad(state) {
      return state.user.obj.ppad
    }
  }
})

export default store
